﻿    @model FO.Models.CardApplyModels
@{
    ViewBag.title = "" + Model.CustomerName + "";
    Layout = "~/Views/Shared/_CpanelLayout.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        $(".active").removeClass("active");
        $("li[rel=rel-contract-card]").parent().parent().css("display", "block");
        $("li[rel=rel-contract-card]").parent().parent().prev().addClass("active");
        $("li[rel=rel-contract-card]").addClass("active");
        $("li[rel=rel-contract-ShoppingCard]").addClass("active");
    });
</script>
<div class="cbread_crumb">
    <ul class="breadcrumb">
        <li><a class="glyphicons home" href="/Cpanel"><i></i>Control panel</a></li>
        <li class="divider"></li>
        <li><a href="/ShoppingCard/ManagerShoppingCard">Thẻ mua sắm</a></li>
        <li class="divider"></li>
        <li><a href="/ShoppingCard/Contract">Hợp đồng</a></li>
        <li class="divider"></li>
        <li class="lastli">@Model.CustomerName</li>
    </ul>
</div>
<div class="separator"></div>
<div class="content-module-heading cf">

    <div class="heading-buttons">
        <h3 class="glyphicons table"><i></i>Thẻ mua sắm</h3>
        <div class="clearfix"></div>
    </div>
    <div class="separator"></div>

</div>
<!-- end content-module-heading -->

<div class="innerLR">
    <div class="well" style="padding-bottom: 20px; margin: 0;">
        <div style="float: left; width: 40%;">
            <label class="label-text1">Thông tin - Thẻ</label>
            <div id="img-card-contract">
                <a target="_blank" href="@Url.Action("Detail", "ShoppingCard", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), CardName = FO.Models.Conver.ConvertToUnSign(Model.CardName).ToLower(), CardID = Model.CardID })">
                    <img alt="@Model.CardName" src="/Content/Upload/Images/@Model.CardImage" /></a>
            </div>
            <div class="ad-card-info" style="margin-top: 10px; width: 300px;">
                <ul>
                    <li><span class="ad-p-card-info">Ngân hàng:</span> <span>@Model.CompanyName</span></li>
                    <li><span class="ad-p-card-info">Tên thẻ:</span> <span>@Model.CardName</span></li>
                    <li><span class="ad-p-card-info">Phí năm:</span> <span>@String.Format("{0:0,0}",String.Concat(double.Parse(Model.Cost))) VND</span></li>
                    <li><span class="ad-p-card-info">Lãi suất:</span> <span>@Model.Interest %</span></li>
                </ul>
            </div>
        </div>
        <div style="float: left; width: 32%;">
            <label class="label-text1">Thông tin - Khách hàng</label>
            <div class="ad-card-info">
                <ul>
                    <li><span class="ad-p-card-info">Họ tên:</span> <span>@Model.CustomerName</span></li>
                    <li><span class="ad-p-card-info">Email:</span> <span>@Model.CustomerEmail</span></li>
                    <li><span class="ad-p-card-info">Số ĐT:</span> <span>@Model.CustomerPhone</span></li>
                    <li><span class="ad-p-card-info">Thu nhập:</span> <span>@Model.CustomerIncome</span></li>
                    <li><span class="ad-p-card-info">Ngày sinh:</span> <span>@Model.CustomerDOB</span></li>
                </ul>
            </div>
        </div>
        <div style="float: left; width: 28%;">
            <label class="label-text1">Thông tin - Hợp đồng</label>
            <div class="ad-card-info">
                @using (Html.BeginForm())
                { 
                    <ul>
                        <li><span class="ad-p-card-info">Ngày tham gia:</span> <span>@Model.AppDate</span></li>
                        <li><span class="ad-p-card-info" style="float: left; margin-right: 10px;">Trạng thái:</span> <span>

                            @Html.HiddenFor(m => m.CardApplyID)
                            @Html.DropDownListFor(m => m.StatusID, (IEnumerable<SelectListItem>)ViewBag.StatusListID)
                        </span>

                        </li>

                    </ul>
                      <button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Lưu</button>
                }
            </div>
        </div>
    </div>
</div>

